<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>登录</h1>
    用户名：<input type="text" id="username">
    <br>
    密码：<input type="text" id="password">
    <br>
    <button id="login">登录</button>
    <script src='./cookie.js'></script>
    <script>
        // 点击登录按钮  
        var loginBtn=document.querySelector("#login"); //登录按钮
        var username=document.querySelector("#username");//用户名的输入框
        var password=document.querySelector("#password");//密码输入框
        loginBtn.onclick=function(){
            // 判断输入框中的用户名密码 是否和cookie中的相同
            if(username.value&&password.value){
                // 取出cookie中存的用户名
                var cookieUser=cookieObj.getCookie("username");
                if(cookieUser==username.value){ //判断用户名相等
                    // 取出cookie存的密码
                    var cookiePassword=cookieObj.getCookie("password");
                    if(cookiePassword==password.value){
                            alert("登录成功")
                            location.href="http://www.baidu.com"
                    }else{
                        alert("密码错误")
                    }
                }else{
                    alert("用户名错误")
                }
            }else{
                alert("补全信息")
            }

        }



    </script>
</body>
</html>